<%-- 
    Document   : listfood
    Created on : Nov 11, 2011, 9:09:31 PM
    Author     : Venus
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@page import="java.util.*, java.text.NumberFormat,Beans.MonAn , Beans.NhanVien,Beans.ThamSoHT, Models.NhanVien_Model, Models.ThamSoHT_Model, Models.NhomMA_Model, Models.MonAn_Model, Models.TienTe_Model"%>
<%
        NhanVien nv = new NhanVien();
        if (session.getAttribute("nv") == null) {
            response.sendRedirect("../index.jsp");
            return;
        } else {
            nv = (NhanVien) session.getAttribute("nv");
            if (nv == null || nv.getMaNNV() != 1) {
                response.sendRedirect("../index.jsp");
                return;
            }
            if (session.getAttribute("DSMA") == null) {
                response.sendRedirect("../admin/admin.jsp");
                return;
            }
        }
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>i-Order</title>
        <link rel="icon" href="../images/icon.png" />
        <link rel="shortcut icon" href="../images/icon.png" />
        <link rel="apple-touch-icon" href="../images/icon.png"/>
        <link rel="apple-touch-icon-precomposed" href="../images/icon.png"/>
        <link href="../css/style.css" type="text/css" rel="stylesheet" />
        <link href="../css/ui-darkness/jquery-ui-1.8.16.custom.css" type="text/css" rel="stylesheet" />
        <link href="../css/jquery.alerts.css" type="text/css" rel="stylesheet" />
        <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
        <script src="../js/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
        <script src="../js/jquery.ui.datepicker-vi.js" type="text/javascript"></script>
        <script src="../js/jquery.ui.datepicker-fr.js" type="text/javascript"></script>
        <script src="../js/jquery.ui.datepicker-zh-CN.js" type="text/javascript"></script>        
        <script src="../js/fileuploader.js" type="text/javascript"></script>
        <script src="../js/jquery.alerts.js" type="text/javascript"></script>
        <script src="../js/msg.js" type="text/javascript"></script>
        <script src="../js/ajax.js" type="text/javascript"></script>
        <title>JSP Page</title>
        <script type="text/javascript">
            $().ready(function() {
                $(".toggle").click(function(){
                    $(".content").slideToggle("medium");
                });        
                $('dd:not(:first)').hide();
                $('dt a').click(function(){
                    $('dd:visible').slideUp('slow');
                    $('dt.current').removeClass('current');
                    $(this).parent().addClass('current');
                    if($(this).parent().next().is(':hidden')==true){
                        $(this).parent().addClass('current').next().slideDown('slow');
                    }        
                });
                $('#sidebar ul li a').click(function(){
                    $('#sidebar li.current').removeClass('current');
                    $(this).parent().addClass('current');
                });
            });
        </script>
        <script type="text/javascript">
    function keypress(e){
        //Hàm dùng để ngăn người dùng nhập các ký tự khác ký tự số vào TextBox
        var keypressed = null;
        if (window.event)
        {
            keypressed = window.event.keyCode; //IE
        }
        else
        {
            keypressed = e.which; //NON-IE, Standard
        }
        if (keypressed < 48 || keypressed > 57 )
        { //CharCode của 0 là 48 (Theo bảng mã ASCII)
            //CharCode của 9 là 57 (Theo bảng mã ASCII)
            if (keypressed == 8 || keypressed == 127 || keypressed == 44 || keypressed == 46 )
            {//Phím Delete và Phím Back
                return;
            }
            return false;
        }
    }
</script>
    </head>
    <%                
                int langid = (Integer) session.getAttribute("langid"); // ngôn ngữ hiện tại
                String dsts = " 'updateoptionfood', 'utilities', 'msgpass', 'checksubmitmsg', 'msgdetailuser', 'save', 'phonenumber', 'address', 'newpass', 'nameofuser', 'noserve', 'serve', 'account', 'hello', 'company', 'home', 'bill', 'statistics', 'historyprice', 'servicecharge', 'customertype', 'customer', 'time', 'option', 'promotion', 'abbreviation', 'notice', 'rightmsg', 'all', 'enable', 'disable', 'foodlist', 'foodgroups', 'foodname', 'image', 'price', 'status', 'area', 'currency', 'food', 'historysystem', 'signout', 'table', 'unit', 'user'  ";
                ThamSoHT[] mdsts = ThamSoHT_Model.DSThamSo(dsts, langid); // mảng chứa các tham số của trang này.

                String abbreviation = mdsts[0].getTenTS();
                String account = mdsts[1].getTenTS();
                String address = mdsts[2].getTenTS();
                String all = mdsts[3].getTenTS();
                String area = mdsts[4].getTenTS();
                String bill = mdsts[5].getTenTS();
                String checksubmitmsg = mdsts[6].getTenTS();
                String company = mdsts[7].getTenTS();
                String currency = mdsts[8].getTenTS();
                String customer = mdsts[9].getTenTS();
                String customertype = mdsts[10].getTenTS();
                String disable = mdsts[11].getTenTS();
                String enable = mdsts[12].getTenTS();
                String food = mdsts[13].getTenTS();
                String foodgroups = mdsts[14].getTenTS();
                String foodlist = mdsts[15].getTenTS();
                String foodname = mdsts[16].getTenTS();
                String hello = mdsts[17].getTenTS();
                String historyprice = mdsts[18].getTenTS();
                String historysystem = mdsts[19].getTenTS();
                String home = mdsts[20].getTenTS();
                String image = mdsts[21].getTenTS();
                String msgdetailuser = mdsts[22].getTenTS();
                String msgpass = mdsts[23].getTenTS();
                String nameofuser = mdsts[24].getTenTS();
                String newpass = mdsts[25].getTenTS();
                String noserve = mdsts[26].getTenTS();
                String notice = mdsts[27].getTenTS();
                String option = mdsts[28].getTenTS();
                String phonenumber = mdsts[29].getTenTS();
                String price = mdsts[30].getTenTS();
                String promotion = mdsts[31].getTenTS();
                String rightmsg = mdsts[32].getTenTS();
                String save = mdsts[33].getTenTS();
                String serve = mdsts[34].getTenTS();
                String servicecharge = mdsts[35].getTenTS();
                String signout = mdsts[36].getTenTS();
                String statistics = mdsts[37].getTenTS();
                String status = mdsts[38].getTenTS();
                String table = mdsts[39].getTenTS();
                String time = mdsts[40].getTenTS();
                String unit = mdsts[41].getTenTS();
                String updateoptionfood = mdsts[42].getTenTS();
                String user = mdsts[43].getTenTS();
                String utilities = mdsts[44].getTenTS();

                String detailusermsg = notice + "/" + msgdetailuser;
                String msgchecksubmit = notice + "/" + checksubmitmsg;
                String passmsg = notice + "/" + msgpass;
                String msgright = notice + "/" + rightmsg;

                Vector vDSMA = (Vector) session.getAttribute("DSMA");
                Vector vDSNMA = (Vector) session.getAttribute("DSNMA");
                String xx =(String) session.getAttribute("item");
                int numpage = 0;// khởi tạo số trang = 0
                int vsize = vDSMA.size();
                if (vsize % 6 == 0) // mỗi trang có 6 dòng
                {
                    numpage = vsize / 6;
                } else {
                    numpage = vsize / 6 + 1;
                }                
                int item = Integer.parseInt(xx);
                NumberFormat nf = NumberFormat.getNumberInstance(Locale.FRENCH);
    %>

    <body id="top">
        <div id="head">
            <div class="left">
                <a class="button profile" href="">
                    <img style=" margin-top: 4px;" alt="" src="../images/huser.png">
                </a>
                <%=hello %>
                <a href="#"><%=nv.getHoTen()%></a>
            </div>
            <div class="userNav">
                <ul>
                    <li>
                        <a href="#" onclick="ShowChangePass()">
                            <img alt="" src="../images/settings.png"><span><%=account%></span>
                        </a>
                        <div id="changepass" style="width: 355px; margin-top: 41px; margin-left: -130px !important; background: url('../images/topNav.jpg') repeat; ">
                            <form action="" id="changepasss">
                                <div style=" margin: 10px 10px 8px;">
                                    <div style=" width: 120px; float: left; font-size: 13px; padding-left: 5px;"><%=nameofuser%></div>
                                    <input style=" width: 200px; margin-top: 8px;" type="text" class="text tennv" name="tennv" value="<%=NhanVien_Model.LayTenNV(nv.getMaNV())%>" >
                                </div>
                                <div style=" margin: 10px 10px 8px; clear: both;">
                                    <div style=" width: 120px; float: left; font-size: 13px;padding-left: 5px;"><%=newpass%></div>
                                    <input style=" width: 200px; margin-top: 8px;" type="text" class="text newpass" name="newpass" >
                                </div>
                                <div style=" margin: 10px 10px 8px; clear: both;">
                                    <div style=" width: 120px; float: left; font-size: 13px;padding-left: 5px;"><%=address%></div>
                                    <input style=" width: 200px; margin-top: 8px;" type="text" class="text diachi" name="diachi" value="<%=NhanVien_Model.LayDiaChi(nv.getMaNV())%>">
                                </div>
                                <div style=" margin: 10px 10px 8px; clear: both;">
                                    <div style=" width: 120px; float: left; font-size: 13px;padding-left: 5px;"><%=phonenumber%></div>
                                    <input style=" width: 200px; margin-top: 8px;" type="text" class="text sodt" name="sodt" onkeypress="return keypress(event)" value="<%=NhanVien_Model.LaySoDT(nv.getMaNV())%> " >
                                </div>
                                <div class="cb"></div>
                                <input style=" margin-left: 135px; margin-bottom: 10px; margin-top: 10px;" class="button" type="button"  value="<%=save%>" lang="<%=passmsg%>" alt="<%=msgchecksubmit%>" id="<%=detailusermsg%>" onclick="Changepass(this.lang, this.alt, this.id)">
                            </form>
                        </div>
                    </li>
                    <li>
                        <a href="../DangNhap_Controller?action=logout">
                            <img alt="" src="../images/lgout.png"><span><%=signout%></span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div id="sidebar">
            <dl>
                <dt class="home"><a href="../admin/admin.jsp"><span><%=utilities%></span></a></dt>
                <dt class="area"><a href="#" class="1" name="<%=msgright%>" onclick="NewArea(this.className, this.name);"><span><%=area%></span></a></dt>
                <dt class="table"><a href="#" class="1" name="<%=msgright%>" onclick="NewTable( this.className, this.name);"><span><%=table%></span></a></dt>
                <dt class="currency"><a href="#"  class="1" name="<%=msgright%>" onclick="Currency( this.className, this.name);"><span><%=currency%></span></a></dt>
                <dt class="food current"><a href="#" class="1" ><span><%=food%></span></a></dt>
                <dd style=" ">
                    <ul>
                        <li>
                            <a href="../MonAn_Controller?action=Show&item=1"><%=food%></a>
                        </li>
                        <li>
                            <a href="#"  class="1" name="<%=msgright%>" onclick="Foodgroups( this.className, this.name);"><%=foodgroups%></a>
                        </li>
                        <li>
                            <a href="#"  class="1" name="<%=msgright%>" onclick="Unit( this.className, this.name);"><%=unit%></a>
                        </li>
                        <li>
                            <a href="#"  class="1" name="<%=msgright%>" onclick="Option( this.className, this.name);"><%=option%></a>
                        </li>
                        <li>
                            <a href="#"  class="1" name="<%=msgright%>" onclick="HistoryPrice( this.className, this.name);"><%=historyprice%></a>
                        </li>
                    </ul>
                </dd>
                <dt class="servicecharge"><a href="#"><span><%=servicecharge%></span></a></dt>
                <dd>
                    <ul>
                        <li>
                            <a href="#"  class="1" name="<%=msgright%>" onclick="ServiceCharge( this.className, this.name);"><%=servicecharge%></a>
                        </li>
                        <li>
                            <a href="#"  class="1" name="<%=msgright%>" onclick="Time( this.className, this.name);"><%=time%></a>
                        </li>
                    </ul>
                </dd>
                <dt class="promotion"><a href="#"  class="1" name="<%=msgright%>" onclick="Promotion( this.className, this.name);"><span><%=promotion%></span></a></dt>
                <dt class="customer"><a href="#"><span><%=customer%></span></a></dt>
                <dd>
                    <ul>
                        <li>
                            <a href="#"  class="1" name="<%=msgright%>" onclick="Customer( this.className, this.name);"><%=customer%></a>
                        </li>
                        <li>
                            <a href="#"  class="1" name="<%=msgright%>" onclick="CustomerType( this.className, this.name);"><%=customertype%></a>
                        </li>
                    </ul>
                </dd>
                <dt class="user"><a href="#"  class="1" name="<%=msgright%>" onclick="User( this.className, this.name);"><span><%=user%></span></a></dt>
                <dt class="bill"><a href="#"  class="1" name="<%=msgright%>" onclick="Bill( this.className, this.name);"><span><%=bill%></span></a></dt>
                <dt class="history"><a href="#"  class="1" name="<%=msgright%>" onclick="History( this.className, this.name);"><span><%=historysystem%></span></a></dt>
                <dt class="statics"><a href="#"  class="1" name="<%=msgright%>" onclick="Statistics( this.className, this.name);"><span><%=statistics%></span></a></dt>
                <dt class="company"><a href="#"  name="<%=msgright%>" onclick="Company(this.name);"><span><%=company%></span></a></dt>
            </dl>
        </div>
        <div id="content" class="white">
           <h1><img style=" margin-top: 4px; margin-right: 13px; opacity: 0.8;" alt="" src="../images/food11.png"><%=food %> </h1>
           <div class="cb"></div> 
            <div id="DSMA" style=" margin-top: 10px; " class="bloc" >
                <div class="title">
                    <%=foodlist %>
                    <a href="#" lang="<%=msgright%>" onclick="AddFood(this.lang)" style=" float: right; margin-top: 3px;" ><img alt="" style=" width: 30px; height: 30px; b" src="../images/add1.png"></a>
                </div>
                <div class="content">
                    <form name="dsma" action="">
                        <table class="mytable" border="0" cellpadding="0" cellspacing="0">
                            <thead>
                                <tr>
                                    <th style="width: 5%;  ">STT</th>
                                    <th style="width: 15%; ">
                                        <a href="#" id="titledskv1" style="margin-top: 5px;" class="down" lang="<%=msgright%>"  name="1" onclick="SortTenNMA(this.className, this.name, this.lang)">
                                            <div style="float:left"><%=foodgroups%></div>
                                            <div id="sortkv1" style=" margin-right: 30px;" class="down1"></div>
                                        </a>
                                    </th>
                                    <th style="width: 17%; ">
                                        <a href="#" id="titledskv2" style="margin-top: 5px;" class="down" lang="<%=msgright%>"  name="1" onclick="SortTenMA(this.className, this.name, this.lang)">
                                            <div style="float:left"><%=foodname%></div>
                                            <div id="sortkv2" style=" margin-right: 55px;" class="down1"></div>
                                        </a>
                                    </th>
                                    <th style="width: 14%; ">
                                        <a href="#" id="titledskv3" style="margin-top: 5px;" class="down" lang="<%=msgright%>"  name="1" onclick="SortTenVT(this.className, this.name, this.lang)">
                                            <div style="float:left"><%=abbreviation%></div>
                                            <div id="sortkv3" style=" margin-right: 25px;" class="down1"></div>
                                        </a>
                                    </th>
                                    <th style="width: 16%; ">
                                        <a href="#" id="titledskv4" style="margin-top: 5px;" class="down"   name="1" >
                                            <div style=""><%=image%></div>                                            
                                        </a>
                                    </th>
                                    <th style="width: 14%; ">
                                        <a href="#" id="titledskv5" style="margin-top: 5px;" class="down" lang="<%=msgright%>"  name="1" onclick="SortGiaMA(this.className, this.name, this.lang)">
                                            <div style="float:left"><%=price%> (<%=TienTe_Model.LayKyHieuTT(langid) %>)</div>
                                            <div id="sortkv5" style=" margin-right: 45px;" class="down1"></div>
                                        </a>
                                    </th>
                                    <th style=" margin-top: 2px;">
                                        <a href="#" id="titledskv6" class="down"  name="1" lang="<%=msgright%>" onclick="SortTTMA(this.className, this.name, this.lang)">
                                            <div><%=status%></div>
                                            <div >
                                                <div id="sortkv6" class="down2"></div>
                                                <div id="sortkv6" class="up2" style="display:none;"></div>
                                            </div>
                                        </a>
                                    </th>
                                    <th></th>
                                </tr>
                                <tr id="searchMA">
                                    <th><img style=" margin-top: 2px; margin-left: 3px; margin-bottom: -7px; cursor: pointer;"  alt="1" src="../images/search1.png" lang="<%=msgright%>" onclick="SearchMA(this.alt, this.lang)"></th>
                                    <th>
                                        <select name="1" class="nhommonan"  style=" width: 110px;" lang="<%=msgright%>" onchange="SearchMA(this.name, this.lang)">
                                            <option value="all"><%= all%></option>
                                            <%
                                                        for (int k = 0; k < vDSNMA.size(); k++) {
                                                            Beans.NhomMA nma = (Beans.NhomMA) vDSNMA.elementAt(k);
                                            %>       <option value="<%=nma.getMaNMA() %>"><%=nma.getTenNMA()%></option>
                                            <%  }
                                            %>
                                        </select>
                                    </th>
                                    <th><input type="textbox" style="width: 110px;"  name="TENMA" class="TENMA text" ></th>
                                    <th><input type="textbox" style="width: 90px;" name="TENVT" class="TENVT text" ></th>
                                    <th></th>
                                    <th><input type="textbox" style="width: 80px;" name="GIA" class="GIA text" onkeypress="return keypress(event)" ></th>
                                    <th>
                                        <select class="TINHTRANG" name="1" lang="<%=msgright%>" onchange="SearchMA(this.name, this.lang)">
                                            <option value="all"><%= all%></option>
                                            <option value="1"><%=serve%></option>
                                            <option value="0"><%=noserve%></option>
                                        </select>
                                    </th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                <%
                                            for (int i = (item - 1) * 6; i < (item - 1) * 6 + 6 && i < vsize; i++) {
                                                Beans.MonAn ma = (Beans.MonAn) vDSMA.elementAt(i);
                                %>
                                <tr>
                                    <td class="STT"><%= i + 1%></td>
                                    <td><%=NhomMA_Model.LayTenNhomMA(ma.getMaNMA(), langid)%></td>
                                    <td><a href="#" name="<%=ma.getMaMA()%>" lang="<%=msgright%>" onclick="ShowLangMA(this.name, this.lang)"><%= ma.getTenMA()%></a></td>
                                    <td><%= ma.getTenMAVT()%></td>
                                    <td>
                                        <a href="#<%=ma.getMaMA()%>">
                                            <img style=" width: 100px; height: 60px;" alt="LightBox" src="../images/foodimages/<%=MonAn_Model.LayTenHinhAnh(ma.getMaMA())%>">
                                        </a>
                                        <div id="<%=ma.getMaMA()%>" class="lb">
                                            <a href="#top">
                                                <img alt="oh man" style="max-width: 500px; max-height: 400px;" src="../images/foodimages/<%=MonAn_Model.LayTenHinhAnh(ma.getMaMA())%>">
                                            </a>
                                        </div>
                                    </td>
                                    <td><div style=" width: 65px; text-align: right;"><%=nf.format(MonAn_Model.LayGia(ma.getMaMA())) %></div></td>
                                    
                                    <td>
                                        <select  class="<%= ma.getMaMA() %>" lang="<%=msgright%>" onchange="UpdateStatusMA(this.value,  this.className, this.lang)">
                                            <%
                                                if (ma.getCoPhucVu() == 1) {%>
                                            <option value="1"><%=serve%></option>
                                            <option value="0"><%=noserve%></option>
                                            <%  } else {%>
                                            <option value="0"><%=noserve%></option>
                                            <option value="1"><%=serve%></option>
                                            <%  }
                                            %>
                                        </select>
                                    </td>
                                    <td><a href="#" name="<%=msgright%>" id="<%=ma.getMaMA() %>" title="<%=updateoptionfood%>" onclick="OptionFood(this.name, this.id)" lang="<%=msgright%>" ><img style="width: 17px; margin-top: 2px;" alt="" src="../images/edit.png"></a></td>
                                </tr>
                                <%  }
                                %>
                            </tbody>                            
                        </table>
                            <div class="pagination">
                    <%
                                int trang = 1;
                                if (item > 1) {
                                    trang = item - 1;
                                }
                    %>
                    <%
                                if (vsize > 6) {%>
                    <a href="../MonAn_Controller?action=Show&item=<%= trang%>" class="prev" >«</a>
                    <%
                                                        for (int c = 1; c <= numpage; c++) {
                                                            if (numpage < 10) {
                                                                if (c != item) {%>
                    <a href="../MonAn_Controller?action=Show&item=<%= c%>" ><%= c%></a>
                    <%                } else {%>
                    <a class="current"> <%= c%></a>
                    <%                }
                                                      } else {
                                                          if (c == item && item == 1) {%>
                    <a href="../MonAn_Controller?action=Show&item=<%= item%>" class="current" ><%= item%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= item + 1%>" ><%= item + 1%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= item + 2%>" ><%= item + 2%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= item + 3%>" ><%= item + 3%></a>
                    ...
                    <a href="../MonAn_Controller?action=Show&item=<%= numpage - 3%>" ><%= numpage - 3%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= numpage - 2%>" ><%= numpage - 2%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= numpage - 1%>" ><%= numpage - 1%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= numpage%>" ><%= numpage%></a>
                    <%            }
                                                          if (c == item && item != 1) {
                                                              if (item < (numpage / 2)) {%>

                    <a href="../MonAn_Controller?action=Show&item=<%= item - 1%>" ><%= item - 1%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= item%>" class="current"  ><%= item%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= item + 1%>" ><%= item + 1%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= item + 2%>" ><%= item + 2%></a>

                    ...
                    <a href="../MonAn_Controller?action=Show&item=<%= numpage - 3%>" ><%= numpage - 3%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= numpage - 2%>" ><%= numpage - 2%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= numpage - 1%>" ><%= numpage - 1%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= numpage%>" ><%= numpage%></a>
                    <%                }%>
                    <%                                     if (item >= (numpage / 2) && item != numpage) {
                                                              int start = 1;
                    %>
                    <a href="../MonAn_Controller?action=Show&item=<%= start%>" ><%= start%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= start + 1%>" ><%= start + 1%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= start + 2%>" ><%= start + 2%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= start + 3%>" ><%= start + 3%></a>
                    ...
                    <a href="../MonAn_Controller?action=Show&item=<%= item - 2%>" ><%= item - 2%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= item - 1%>" ><%= item - 1%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= item%>" class="current" ><%= item%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= item + 1%>" ><%= item + 1%></a>
                    <%                }
                    %>
                    <%                                     if (item >= (numpage / 2) && item == numpage) {
                                                              int start = 1;
                    %>
                    <a href="../MonAn_Controller?action=Show&item=<%= start%>" ><%= start%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= start + 1%>" ><%= start + 1%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= start + 2%>" ><%= start + 2%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= start + 3%>" ><%= start + 3%></a>
                    ...
                    <a href="../MonAn_Controller?action=Show&item=<%= item - 3%>" ><%= item - 3%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= item - 2%>" ><%= item - 2%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= item - 1%>" ><%= item - 1%></a>
                    <a href="../MonAn_Controller?action=Show&item=<%= item%>" class="current" ><%= item%></a>

                    <%                }
                    %>
                    <%            }
                                                            }
                                                        }
                    %>
                    <%
                                                        if (item + 1 <= numpage) {
                                                            trang = item + 1;
                                                        } else {
                                                            trang = item;
                                                        }
                    %>
                    <a href="../MonAn_Controller?action=Show&item=<%= trang%>" class="next"  >»</a>
                    <%  }
                    %>
                </div>
                    </form>
                </div>
            </div>
            <div id="DetailMA">
            </div>
            <div id="FoodLang">
            </div>            
        </div>
        
    </body>
</html>






